<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>UI-React+JQ+Bootstrap</title>
    <link rel="stylesheet" href="bootstrap/bootstrap.min.css">
    <link rel="stylesheet" href="bootstrap/bootstrap-theme.css">
    <link rel="stylesheet" href="react/react-bootstrap-table-all.min.css">
    <link rel="stylesheet" href="css/ui.css">

    <script src="react/react.js"></script>
    <script src="react/react-dom.js"></script>
    <script src="react/babel.min.js"></script>
    <script src="react/react-modal.js"></script>
    <script src="react/react-bootstrap-table.js"></script>

    <script src="jq/jquery-1.10.2.min.js"></script>
    <script src="bootstrap/bootstrap.min.js" ></script>


    <script type="text/babel" src="js/component.table1020.js"></script>
</head>
<body>

<!--表格-->
<h3>表格模板</h3>


<div id="component-table"></div>
<div id="component-modal"></div>

<!--模态框-->
<div class="modal fade" tabindex="-1" role="dialog" id="modal-itemForm">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">表单编辑</div>
            <div class="modal-body">
                <div class="form clearfix">
                    <form id="item-form">
                    <div class="form-group clearfix">
                        <div class="control-label col-md-2">supAcctId</div>
                        <div class="col-md-10"><input type="text" name="supAcctId" class="form-control"/></div>
                    </div>
                    <div class="form-group clearfix">
                        <div class="control-label col-md-2">CustAcctId</div>
                        <div class="col-md-10"><input type="text" name="CustAcctId" class="form-control"/></div>
                    </div>
                    <div class="form-group clearfix">
                        <div class="control-label col-md-2">ThirdCustId</div>
                        <div class="col-md-10"><input type="text" name="ThirdCustId" class="form-control"/></div>
                    </div>
                    <div class="form-group clearfix">
                        <div class="control-label col-md-2">CustName</div>
                        <div class="col-md-10"><input type="text" name="CustName" class="form-control"/></div>
                    </div>
                     <div class="form-group clearfix">
                        <div class="control-label col-md-2">AcctNo</div>
                        <div class="col-md-10"><input type="text" name="AcctNo" class="form-control"/></div>
                    </div>
                     <div class="form-group clearfix">
                        <div class="control-label col-md-2">Reserve</div>
                        <div class="col-md-10"><input type="text" name="Reserve" class="form-control"/></div>
                    </div>
                    <!-- <div class="form-group clearfix">
                        <div class="control-label col-md-2">price</div>
                        <div class="col-md-10"><input type="text" name="itemPrice" class="form-control"/></div>
                    </div> -->
                    </form>
                </div>
            </div>
            <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                    <button type="button" class="btn btn-primary" onclick="save_newItem()">保存</button>
            </div>
        </div>
    </div>
</div>
</body>
</html>